<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="dist/slide.css" />
    <script src="slide.js"></script>
  </head>
  <body>
    <main id="slide" class="slide"></main>
    <script>
      // let field = 'hello'
      // let f = { field: 'abc' }

      // let json = { name: 'abc', age: 88, key: '33' }
      // for (const key in json) {
      //   if (json.hasOwnProperty(key)) {
      //     const element = json[key]
      //     console.log(element)
      //   }
      // }

      // window.location.href = 'abc'
      const config = {
        el: '#slide',
        transition: 0.5,
        timeout: 3,
        width: 800,
        height: 300,
        limit: 20,
        images: ['../../images/1.jpeg', '../../images/2.jpeg', '../../images/3.jpeg', '../../images/4.jpeg'],
        // images: [
        //   { link: 'https://houdunren.com', path: '../../images/1.jpeg' },
        //   { link: 'https://houdunren.com', path: '../../images/2.jpeg' },
        //   { link: 'https://houdunren.com', path: '../../images/3.jpeg' },
        //   { link: 'https://houdunren.com', path: '../../images/4.jpeg' },
        // ],
      }
      let slide = new Slide(config)
      slide.run()
    </script>
  </body>
</html>
